<template>
<div class="ui_detailsrecoverypoints" style="padding-top:46px">
  <van-nav-bar title="回收点详情" left-arrow fixed>
    <van-icon name="arrow-left" slot="left" color="#333" @click="back"></van-icon>
  </van-nav-bar>
  <div>
    <ul>
      <li>
        <span>名称</span>
        <span>海蓝创智回收点</span>
      </li>
      <li>
        <span>编号</span>
        <span>000007</span>
      </li>
      <li>
        <span>状态</span>
        <span>休业</span>
      </li>
      <li>
        <span>地址</span>
        <span>杭州市拱墅区祥符街道118号</span>
      </li>
      <li>
        <span>手机号</span>
        <span>
          <span>021-8888888</span>
          <a href="tel:021-8888888" style="color:#4993ff">拨打电话</a>
        </span> 
      </li>
      <li>
        <span> </span>
        <span>
          <span>12345678901</span>
          <a href="tel:12345678901" style="color:#4993ff">拨打电话</a>
        </span> 
      </li>
    </ul>
  </div>
</div>
   
</template>
<script>
export default {
  name: "detailsrecoverypoints",
  data() {
    return {};
  },
  methods: {
    back() {
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="less" scoped>
.ui_detailsrecoverypoints {
  li {
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    color: #5c5c5c;
    font-size: 28px;
    :nth-child(2) {
      color: #333;
    }
    a {
      padding-left: 20px;
    }
  }
}
</style>

